<template>
    <div class="aclass">
    <Haoping :haoping="haoping"></Haoping>
    <Hot :reyingList="reyingList"></Hot>
    </div>
</template>
<script>

import Hot from '../../components/home/Hot.vue'
import Haoping from '../../components/home/Haoping.vue'
import axios from 'axios'
export default {
  name: "Renying",
  data:function() {
    return {
      reyingList:[],
      haoping:"",
    }
  },
  components:{
   
    Hot,
    Haoping
  },
  mounted(){
    axios.get("/ajax/movieOnInfoList?token=&optimus_uuid=01897B9016E211ECAEE8095897369734C05BB838D86B4A49BCA364C679163512&optimus_risk_level=71&optimus_code=10").then((res)=>{
      console.log(res)
      res.data.movieList.forEach((item)=>{
        item.img=item.img.replace("w.h","128.180")
      });
      this.reyingList=res.data.movieList;
    });
    
    axios.get('/ajax/topRatedMovies?token=&optimus_uuid=01897B9016E211ECAEE8095897369734C05BB838D86B4A49BCA364C679163512&optimus_risk_level=71&optimus_code=10').then((res)=>{
    //   console.log(res)
      this.haoping=res.data;

    })
  }

};
</script>
<style scoped>
.aclass{
    padding-top: 50px;
}
</style>